<template>
	<!-- 海报预览页 -->
	<view class="result222">
		<view class="content222">
			<l-painter ref="painter" type="">
				<l-painter-view css="padding: 40rpx 30rpx;background: #FFFFFF;">
					<!-- 上方的东西 -->
					<l-painter-view>
						<l-painter-view
							css="border-radius:50%;width: 88rpx; height: 88rpx;margin-right:30rpx; display: inline-block">
							<l-painter-image :src="tou" css="width: 88rpx; height: 88rpx;border-radius:50%;" />
							<!-- <l-painter-image src="/static/img/first.png" css="width: 88rpx; height: 88rpx;border-radius:50%;" /> -->
						</l-painter-view>
						<l-painter-view css="height: 100rpx; display: inline-block">
							<l-painter-view>
								<l-painter-text :text="data.name"
									css="height: 48rpx;font-size: 32rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 550;color: #003941; line-height: 48rpx;">
								</l-painter-text>
								<l-painter-text :text="`教育年限： ${data.eduTotal}年`"
									css="margin-left:256rpx;height: 34rpx;font-size: 24rpx;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #336C74;line-height: 48rpx;">
								</l-painter-text>
							</l-painter-view>
							<l-painter-view>
								<l-painter-text :text="`${data.gender} ${data.age}岁`"
									css="height: 34rpx;font-size: 24rpx;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #336C74;line-height: 48rpx;">
								</l-painter-text>
								<l-painter-text text="2022-08-09 21:32"
									css="margin-left:208rpx;height: 34rpx;font-size: 24rpx;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #336C74;line-height: 48rpx;">
								</l-painter-text>
							</l-painter-view>
						</l-painter-view>
					</l-painter-view>

					<l-painter-view css="padding-top:40rpx;padding-bottom:30rpx">
						<l-painter-text :text="`编号：${data.reportNo}`"
							css="height: 34rpx;font-size: 24rpx;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #336C74;line-height: 48rpx;">
						</l-painter-text>
						<l-painter-text :text="`主试人：${data.doctorName}`"
							css="margin-left:185rpx;height: 34rpx;font-size: 24rpx;font-family: PingFangSC-Regular, PingFang SC;font-weight: 400;color: #336C74;line-height: 48rpx;">
						</l-painter-text>
					</l-painter-view>
					<!-- 线 -->
					<l-painter-view css="width:0;height:0;border-bottom:1px dashed #C8E7E6;"></l-painter-view>
					<!-- 标题1 -->
					<l-painter-view css="padding-top:15px;">
						<l-painter-image src="/static/img/first.png"
							css="width: 32rpx;margin-top:8rpx;  height: 32rpx;" />
						<l-painter-text text="总体评价"
							css="margin-left:10rpx;height: 48rpx;font-size: 32rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 550;color: #003941;line-height: 48rpx;">
						</l-painter-text>
					</l-painter-view>
					<!-- 认知损伤 认知正常 -->
					<l-painter-view css="padding-top:32rpx;padding-bottom:16rpx">
						<l-painter-text v-if="data.assessResult == 1" text="认知正常"
							css="height: 48rpx;font-size: 32rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 550;color: #00CC6A;;line-height: 48rpx;">
						</l-painter-text>
						<l-painter-text v-else text="认知损伤"
							css="height: 48rpx;font-size: 32rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 550;color: #D96C36;;line-height: 48rpx;">
						</l-painter-text>
					</l-painter-view>
					<!-- 注释 -->
					<l-painter-text text="结果解释：您本次测评结果显示为认知损伤，说明您存在患有认知障碍的风险。"
						css="height: 34rpx;font-size: 24rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #336C74;;line-height: 34rpx;">
					</l-painter-text>

					<!-- 线 -->
					<l-painter-view css="padding:40rpx 0;width:0;height:0;border-bottom:1px dashed #C8E7E6;">
					</l-painter-view>

					<!-- 标题二  -->
					<l-painter-view css="padding-top:40rpx;">
						<l-painter-image src="/static/img/secend.png"
							css="width: 32rpx;margin-top:8rpx;  height: 32rpx;" />
						<l-painter-text text="脑健康指数"
							css="margin-left:10rpx;height: 48rpx;font-size: 32rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 550;color: #003941;line-height: 48rpx;">
						</l-painter-text>
					</l-painter-view>
					<!-- 分 -->
					<l-painter-view css="padding-top:20rpx;text-align:center">
						<l-painter-text :text="data.score"
							css="margin-left:10rpx;height: 48rpx;font-size: 32rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 550;color: #003941;line-height: 48rpx;">
						</l-painter-text>
						<l-painter-text text="分"
							css="height: 48rpx;font-size: 24rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #003941;line-height: 48rpx;">
						</l-painter-text>
					</l-painter-view>
					<!-- 进度条 -->
					<l-painter-view css="padding-top:14rpx;">
						<!--  外-->
						<l-painter-view css="width:100%;height:28rpx;background:#cff5e1;border-radius:14rpx;">
							<!-- 内 -->
							<l-painter-view
								:css="`width:${data.score}%;height:28rpx;background:linear-gradient(270deg, #00CC6A 0%, #F2A247 100%);border-radius:14rpx 0 0 14rpx;`">
							</l-painter-view>
						</l-painter-view>
						<!-- 刻度尺 -->
						<l-painter-view css="padding-top:10rpx;padding-bottom:40rpx;">
							<l-painter-text text="0"
								css="height: 22rpx;text-align:left;font-size: 16rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 400;color: #B8C0CC;line-height: 22rpx;">
							</l-painter-text>
							<l-painter-text text="10"
								css="padding:0 19rpx;height: 22rpx;font-size: 16rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 400;color: #B8C0CC;line-height: 22rpx;">
							</l-painter-text>
							<l-painter-text text="20"
								css="padding:0 19rpx;height: 22rpx;font-size: 16rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 400;color: #B8C0CC;line-height: 22rpx;">
							</l-painter-text>
							<l-painter-text text="30"
								css="padding:0 19rpx;height: 22rpx;font-size: 16rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 400;color: #B8C0CC;line-height: 22rpx;">
							</l-painter-text>
							<l-painter-text text="30"
								css="padding:0 19rpx;height: 22rpx;font-size: 16rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 400;color: #B8C0CC;line-height: 22rpx;">
							</l-painter-text>
							<l-painter-text text="40"
								css="padding:0 19rpx;height: 22rpx;font-size: 16rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 400;color: #B8C0CC;line-height: 22rpx;">
							</l-painter-text>
							<l-painter-text text="50"
								css="padding:0 18rpx;height: 22rpx;font-size: 16rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 400;color: #B8C0CC;line-height: 22rpx;">
							</l-painter-text>
							<l-painter-text text="60"
								css="padding:0 19rpx;height: 22rpx;font-size: 16rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 400;color: #B8C0CC;line-height: 22rpx;">
							</l-painter-text>
							<l-painter-text text="70"
								css="padding:0 19rpx;height: 22rpx;font-size: 16rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 400;color: #B8C0CC;line-height: 22rpx;">
							</l-painter-text>
							<l-painter-text text="80"
								css="padding:0 19rpx;height: 22rpx;font-size: 16rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 400;color: #B8C0CC;line-height: 22rpx;">
							</l-painter-text>
							<l-painter-text text="90"
								css="padding:0 19rpx;height: 22rpx;font-size: 16rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 400;color: #B8C0CC;line-height: 22rpx;">
							</l-painter-text>
							<l-painter-text text="100"
								css="height: 22rpx;font-size: 16rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 400;color: #B8C0CC;line-height: 22rpx;">
							</l-painter-text>
						</l-painter-view>
						<!-- 注释 -->
						<l-painter-text text="脑健康指数越高，表明老年人的脑健康状况越好"
							css="height: 34rpx;font-size: 24rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #336C74;;line-height: 34rpx;">
						</l-painter-text>
						<!-- 线 -->
						<l-painter-view css="padding:20rpx 0;width:0;height:0;border-bottom:1px dashed #C8E7E6;">
						</l-painter-view>

						<!-- 标题三  -->
						<l-painter-view css="padding-top:40rpx;">
							<l-painter-image src="/static/img/san.png"
								css="width: 32rpx;margin-top:8rpx;  height: 32rpx;" />
							<l-painter-text text="测评得分"
								css="margin-left:10rpx;height: 48rpx;font-size: 32rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 550;color: #003941;line-height: 48rpx;">
							</l-painter-text>
						</l-painter-view>
						<!-- 测评得分盒子 -->
						<l-painter-view css="padding-top:40rpx;">
							<l-painter-view :key="index" v-for="item,index in data.detailContents"
								css="padding-bottom:40rpx;">
								<l-painter-view>
									<l-painter-text :text="`${item.content} ${item.projectName}`"
										css="width:70%;text-align:left;height: 34rpx;font-size: 24rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 550;color: #004751;line-height: 34rpx;">
									</l-painter-text>
									<l-painter-text v-if="item.result == '正常'" text="正常"
										css="width:30%;text-align:right;height: 34rpx;font-size: 24rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 550;color: #00CC6A;line-height: 34rpx;">
									</l-painter-text>

									<l-painter-text v-else text="异常"
										css="width:30%;text-align:right;height: 34rpx;font-size: 24rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 550;color: #D96C36;line-height: 34rpx;">
									</l-painter-text>
								</l-painter-view>
								<l-painter-view css="padding-top:20rpx;">
									<l-painter-text :text="`得分：${item.score}`"
										css="width:50%;text-align:left;height: 34rpx;font-size: 24rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #336C74;;line-height: 34rpx;">
									</l-painter-text>
									<l-painter-text :text="`参考值：${item.reference}`"
										css="width:50%;text-align:right;height: 34rpx;font-size: 24rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #336C74;;line-height: 34rpx;">
									</l-painter-text>
								</l-painter-view>
								<l-painter-view css="padding-top:20rpx;">
									<l-painter-text :text="`得分解释：${item.scoreExplanation}`"
										css="height: 34rpx;font-size: 24rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #336C74;;line-height: 34rpx;">
									</l-painter-text>
								</l-painter-view>
								<!-- 线 -->
								<l-painter-view
									css="padding-top:60rpx; width:0;height:0;border-bottom:1px solid #C8E7E6;">
								</l-painter-view>
							</l-painter-view>
						</l-painter-view>

						<!-- 标题四  -->
						<l-painter-view css="padding-top:0rpx;">
							<l-painter-image src="/static/img/four.png"
								css="width: 32rpx;margin-top:8rpx;  height: 32rpx;" />
							<l-painter-text text="脑健康测评数说明"
								css="margin-left:10rpx;height: 48rpx;font-size: 32rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 550;color: #003941;line-height: 48rpx;">
							</l-painter-text>
						</l-painter-view>
						<l-painter-text text="脑健康测评针对总体认知能力、主诉认知状况、记忆力、思维能力、执行功能、反应速度等领域进行评估，从而了\n解健康状态。"
							css="padding-top:20rpx;font-size: 24rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #336C74;;line-height: 34rpx;">
						</l-painter-text>
						<l-painter-view css="padding-top:20rpx">
							<l-painter-text text="主诉认知水平：是指人们主观反映自己的记忆力、注意力、思维能力、判断能力等认知功能的状况。"
								css="display:inline-block; font-size: 24rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #336C74;;line-height: 34rpx;">
							</l-painter-text>
						</l-painter-view>
						<l-painter-view css="padding-top:20rpx">
							<l-painter-text text="总体认知能力：是最基本的、经常用到的认知能力，是对记忆力、注意力、定向力、计算能力等各种能力的统称。"
								css="display:inline-block; font-size: 24rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #336C74;;line-height: 34rpx;">
							</l-painter-text>
						</l-painter-view>
						<l-painter-view css="padding-top:20rpx">
							<l-painter-text text="情景记忆：是对个人亲身经历的、发生在一定时间和地点的事件（情景）的记忆，情景记忆衰退是脑老化和痴呆相关疾病较敏感的指标。"
								css="display:inline-block; font-size: 24rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #336C74;;line-height: 34rpx;">
							</l-painter-text>
						</l-painter-view>
						<l-painter-view css="padding-top:20rpx">
							<l-painter-text text="执行功能：是指人脑在进行复杂的认知任务时，协调处理各个心理过程，保证个体以灵活、优化的方式实现特定目的。"
								css="display:inline-block; font-size: 24rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #336C74;;line-height: 34rpx;">
							</l-painter-text>
						</l-painter-view>
						<!-- 线 -->
						<l-painter-view css="padding-top:40rpx; width:0;height:0;border-bottom:1px dashed #C8E7E6;">
						</l-painter-view>

						<!-- 标题wu -->
						<l-painter-view css="padding-top:40rpx;">
							<l-painter-image src="/static/img/five.png"
								css="width: 32rpx;margin-top:8rpx;  height: 32rpx;" />
							<l-painter-text text="脑健康指导建议"
								css="margin-left:10rpx;height: 48rpx;font-size: 32rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 550;color: #003941;line-height: 48rpx;">
							</l-painter-text>
						</l-painter-view>
						<l-painter-text :text="
	          data.adviceContents&&data.adviceContents[0] ? data.adviceContents[0].content.replaceAll('<br/>','\n') : ''
	        " css="padding-top:40rpx;display:inline-block; font-size: 24rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #336C74;;line-height: 34rpx;">
						</l-painter-text>
						<l-painter-text :text="data.noticeText"
							css="padding-top:40rpx; display:inline-block; font-size: 20rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #A1B0B3;;line-height: 34rpx;">
						</l-painter-text>

						<!-- 线 -->
						<l-painter-view css="padding-top:60rpx; width:0;height:0;border-bottom:1px dashed #C8E7E6;">
						</l-painter-view>

						<!-- 标题wu -->
						<l-painter-view css="padding-top:40rpx;">
							<l-painter-image src="/static/img/five.png"
								css="width: 32rpx;margin-top:8rpx;  height: 32rpx;" />
							<l-painter-text text="领取电子报告"
								css="margin-left:10rpx;height: 48rpx;font-size: 32rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 550;color: #003941;line-height: 48rpx;">
							</l-painter-text>
						</l-painter-view>
						<l-painter-view>
							<l-painter-view css="display:inline-block;width: 400rpx;vertical-align:middle;">
								<l-painter-text text="关注公众号获取"
									css="display:inline-block; font-size: 24rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #336C74;;line-height: 34rpx;">
								</l-painter-text>
								<l-painter-text text="详细的筛查报告及专业的健"
									css="display:inline-block; font-size: 24rpx;font-family: PingFangSC-Medium, PingFang SC;font-weight: 500;color: #336C74;;line-height: 34rpx;">
								</l-painter-text>
							</l-painter-view>
							<l-painter-view css="display:inline-block;width: 168rpx; height: 168rpx;">
								<l-painter-image src="/static/personal/ainao.jpg"
									css="display:inline-block;width: 168rpx; height: 168rpx;" />
							</l-painter-view>
						</l-painter-view>
					</l-painter-view>
				</l-painter-view>
			</l-painter>
		</view>
		<!-- <button @click="gerater">生成图片</button> -->
	</view>
</template>

<script>
</script>

<style>
</style>
